import React, { forwardRef,useImperativeHandle } from "react";

function Son(props,ref) {

  // 对父组件开放属性和方法（相当于vue3组合式api中的，setup函数里的 context.expose）
  useImperativeHandle(ref,()=>({
    msg:"hello",
    chuan:function(str){
      console.log("chuan",str);
    }
  }))

  return (
    <div>
      <h3>子组件</h3>
    </div>
  );
}

export default forwardRef(Son);